<template>
  <div>
    <div id='formio'></div>
  </div>
</template>

<script setup lang="ts">
import { Formio } from 'formiojs';
import 'formiojs/dist/formio.form.min.css'
import { onMounted } from "vue";

onMounted(() => {
  const ele = document.getElementById('formio')
  if (ele) {
    Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/w4', {
      zoom: '-20'
    });
  }
})
</script>

<style scoped>
#formio {
  padding: 20px;
}
</style>